import React, { Component } from 'react'
import { Icon } from 'antd-mobile'

export default class OrderForPosition extends Component {
  render() {
    return (
      <div>
        <div className={`rt-order-box`}>
          <div className={`rt-goods-info`}>
            <div className={`rt-wrapper`}>
              <span>工业银</span>
              <span>开仓价 3433</span>
            </div>
          </div>
          <div className={`rt-delta-box`}>
            <span>涨</span>
            <div>
              <span>止盈：<span className={`rt-percentage-number`}>50%</span></span>
              <span>止损：<span className={`rt-percentage-number`}>50%</span></span>
            </div>
          </div>
          <div className={`rt-center`}>+24.00</div>
          <div className={`rt-center`}>
            <span className={`rt-btn`}>平仓</span>
          </div>
        </div>
        <div className={`rt-rest-time`}>剩余时间：200秒</div>
        <div className={`rt-dynamic-progress-bar`}>
          <div className={`-active`}>
            <Icon type="caret-down" />
          </div>
          <div className={`-dis-active`}></div>
        </div>
      </div>
    )
  }
}